@charset "utf-8";
/* CSS Document */
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea ,samp{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}
ol, ul, li {
	list-style: none;
}
img {
	border: 0;
	margin: 0;
	padding: 0; display:block
}
.fl{ float:left;}
.fr{ float:right}
.clear{ clear:both}
body {
	color: #000;
	text-align: left;
	font-size: 12px;
	background:#fff; position:relative;
}
body {

	cursor: default;
}
a, em {
	text-decoration: none;
	font-style: normal;
}

.w1200{ width:1200px; margin:0 auto;}
.w1350{ width:1310px; margin:0 auto;}
/*按钮效果*/
.btn-4 {
    cursor:pointer;
  /*border: 1px solid;*/
  overflow: hidden;
  position: relative;
}
.btn-4 span {
  z-index: 20;
}
.btn-4:after {
  background: #fff;
  content: "";
  height: 300px;
  left: -125px;
  opacity: .2;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 100;
}

.btn-4:hover:after {
  left: 120%; color:#fff;
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-4:hover{ color:#fff;}

.btn-5 {
    cursor:pointer;
  /*border: 1px solid;*/
  overflow: hidden;
  position: relative;
}
.btn-5 span {
  z-index: 20;
}
.btn-5:after {
  background: #107dba;
  content: "";
  height: 300px;
  left: -125px;
  opacity: .2;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 100;
}

.btn-5:hover:after {
  left: 120%; color:#333;
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-5:hover{ color:#333;}
.dh30{ height:30px; line-height:30px; clear:both}
/*head*/
/* qqshop focus */
/*head*/
.head_hua{ background:#f5f5f5;}
.head_toptitle{ font-size:16px; color:#999999; float:left; height:60px; line-height:60px; }
.head_top_tel{background: url(../images/tel.jpg) no-repeat left center; text-indent:35px; padding-right:75px;height:60px; line-height:60px; color:#333333; font-size:18px; float:right }
.search{ float:right; height:29px; margin-top:8px; padding-left:8px; border-radius:5px; float:right; height:55px; padding-top:5px;}
#seach_key{ height:39px; border:none; background:url(../images/search.jpg) no-repeat 10px center #f5f5f5; width:209px; font-size:16px; color:#999999;border:1px solid #999999; padding-left:6px; text-indent:40px;}
::-moz-placeholder { color: #515151; }
::-webkit-input-placeholder { color:#515151; }
:-ms-input-placeholder { color:#515151; }
#tijiao{ background:#107dba; width:70px; border:none; height:41px; color:#fff; font-size:18px;}
#logo{ float:left; width:360px; padding-top:25px;}
.head_hua{ }
.top_name{ float:right; padding-right:102px; padding-top:27px;}
.tel{ display:block;background: url(../images/tel.png) no-repeat left center; font-size:28px; font-family:"Impact"; padding-left:30px; color:#fff; text-transform: uppercase; text-shadow: #000 0 1px 0;}
.my_hy{ color:#fff; text-align:right; height:30px; line-height:30px; font-size:16px; display:block; }
/*banner*/
.swiper {
        width: 100%;
        height: 100%;
      }
      .swiper-slide {
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
.banner{ position:relative;}	  
.banner-pagination{ position:absolute; left:47%; bottom:15px; z-index:3; ;}	  
.swiper-pagination-bullet{ background:#fff;height:10px; width:10px; border-radius:10px; margin-left:8px; opacity:1}	  
.banner-pagination .swiper-pagination-bullet-active{ width:30px;}	  
/*nav*/
.nav{ float:right;width:715px; padding-top:25px;}
.nav ul{}
.nav ul li{ float:left; position:relative; z-index:99; padding-left:25px;}
.nav ul li>a{color:#333333; display:block;height:53px;  border-bottom:3px solid #fff;line-height:53px;text-align:center; font-size:16px; line-height:53px;transition: all 0.6s ease 0s;}
.nav ul li>a:hover{  border-bottom:3px solid #107dba;transition: all 0.6s ease 0s;}
.nav ul li>a.check{border-bottom:3px solid #107dba;}

/*首页banner下导航*/
.index_nav ul li{ float:left; width:20%;}
.index_navpic img{ width:100%;}
.index_nav ul li>a{ display:block; position:relative}
.index_nav ul li>a .index_navtitle{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);transition: all 0.6s ease 0s;}
.index_nav ul li>a .index_navtitle span img{ display:block; margin:0 auto; padding-top:60px;}
.index_nav ul li>a .index_navtitle samp{ text-align:center; display:block; color:#ffffff; font-size:24px; padding-top:22px;}
.index_nav ul li>a:hover .index_navtitle{ background-color:rgba(16,125,186,0.5);transition: all 0.6s ease 0s;}
/*首页产品展示*/
.mian_top{}
.title{ border-bottom:1px solid #fff; position:relative; height:77px;}
.title span{ font-size:36px; color:#fff; font-weight:bold; text-align:center; display:block; line-height:77px; position:relative; z-index:5}
.title em{ font-size:48px; color:#eeeeee; opacity:0.2;text-align:center; font-weight:bold; display:block; position:absolute; width:100%; top:-8px; z-index:4}
.title samp{ height:5px; width:40px; background:#fff; position:absolute; left:50%; margin-left:-20px; bottom:-3px; z-index:5}
.title1{  float:left; height:39px; line-height:39px; text-indent:12px; color:#021f35;}
.index_pro{background: url(../images/index_protitle.jpg) no-repeat center top;margin-top: 80px}
.indexpro_nav{ text-align:center; padding-top:27px;}
.indexpro_nav a{ display:inline-block; border:1px solid #eeeeee; border-radius:30px;  color:#333333; font-size:16px; width:200px; height:50px; line-height:50px;transition: all 0.6s ease 0s; margin:0px 10px;margin-bottom:20px;}
.indexpro_nav a:hover{ border:1px solid #107dba; background:#107dba; color:#fff;transition: all 0.6s ease 0s;}
.indexpro_nav a.type_hover{ border:1px solid #107dba; background:#107dba; color:#fff;transition: all 0.6s ease 0s;}
.indexpro_list{ margin-top:40px;}
.indexpro_list ul li{ float:left; margin-right:27px; margin-bottom:29px; width:277px; border:1px solid #eeeeee; border-bottom:none}
/*.indexpro_list ul li img{ width:100%; height:100%; display:block;}*/
.indexpro_list ul li a{ position:relative; display:block; color:#fff;transition: all 0.6s ease 0s;}
.indexpro_list ul li a:hover div{ background:#107dba; color:#fff; transition: all 0.6s ease 0s;}
.indexpro_list ul li  div{ font-size:16px; padding:5px; display:block; background:#cccccc; color:#333333; text-align:center; /*border:1px solid #eeeeee;*/ font-weight:500;}
.indexpro_list ul li div table td{ font-size:16px;}
.foot{ background:#333333}

/*index_new*/
.bg2{background: url(../images/case_top.jpg) no-repeat center bottom; height:92px;}
.index_case{background: url(../images/case_main.jpg) no-repeat center top; }
/*实力保障*/
.index_shili{background: url(../images/case_bot.jpg) no-repeat center top; }
.title2 span{ font-size:100px; font-style:italic; color:#107dba;}
.title2{ color:#333333; font-size:48px; font-weight:bold; text-align:center; border-bottom:1px solid #aaaaaa ; padding-bottom:25px;}
.title2b{border-bottom:1px solid #aaaaaa; height:3px;}
.title2cb{ width:320px; margin:0 auto; background:#fff; height:40px; position:relative; top:-25px;}
.title2c{ background:#107dba; color:#fff; font-size:18px; width:280px; height:40px; line-height:40px; text-align:center; font-weight:bold; border-radius:30px; display:block; margin:0 auto}
.index_shilimian{background: url(../images/shi_bg.png) no-repeat center 20px; min-height:1314px; padding-top:25px;}
.index_shilititle{ font-size:18px; font-weight:bold; color:#333; padding-bottom:10px;}
.index_shilipic{ width:130px; float:left}
.index_shiliw{ width:490px;}
.index_shilimore{ position:relative;}
.index_shilidet{ float:right; width:353px;}
.index_shilicon{ font-size:14px; line-height:24px;}
.index_shilimore1{ position:absolute;  top:70px; left:550px;}
.index_shilimore2{ position:absolute;top:380px;left:102px;}
.index_shilimore3{position:absolute;  top:523px;left:102px;}
.index_shilimore4{ position:absolute; top:902px;left:544px;}

/*index_about*/
.index_about{ background:url(../images/about.jpg) no-repeat center; height:710px;}
.title3{ border-bottom:1px solid #c6c6c6; position:relative; height:77px;}
.title3 span{ font-size:36px; color:#333333; font-weight:bold;  display:block; line-height:77px;}
.title3 em{ font-size:48px; color:#333333; opacity:0.1;font-weight:bold; display:block; position:absolute; width:100%; top:-8px;}
.title3 samp{ height:5px; width:40px; background:#107dba; position:absolute; left:0%;bottom:-3px;}

.indexabout_main{ width:680px; float:left}
.indexabout_con{ color:#333333; line-height:30px; font-size:16px; text-indent:32px; margin-top:25px;}
.indexabout_pic{ width:480px; float:right}
.more{ display:block; color:#333333; font-size:18px; border-radius:30px; text-align:center; line-height:50px; margin:0 auto; margin-top:30px; width:160px; height:50px; border:1px solid #eeeeee}

/*首页招商代理*/
/*热点新闻*/
.index_new_tj{ width:600px; float:left;}
.index_new_tj ul li .index_newtitle{ color:#1d191a; font-size:24px; font-weight:bold; padding:25px 0px 15px;}
.index_new_tj ul li .index_newcon{position:relative; color:#555555; font-size:16px; line-height:30px;}
.index_new_tj ul li em{display:block;font-size:14px; color:#999999; position:absolute; right:0; bottom:0px;}
.index_new_tj ul li a:hover .index_newtitle{ color:#107dba;transition: all 0.6s ease 0s;}
.index_new_tj ul li a .newmore{ width:102px; height:42px;background:url(../images/newsgo.jpg) no-repeat center top;margin-top:10px;transition: all 0.6s ease 0s;}
.index_new_tj ul li a:hover .newmore{background:url(../images/newsgo_h.jpg) no-repeat center top;transition: all 0.6s ease 0s;}


.index_new_list{ width:562px; margin-right:18px;float:right}
.index_new_list ul li{ border-bottom:1px solid #cccccc; padding-bottom:20px;}
.index_new_list ul li a{  display:block;transition: all 0.6s ease 0s; }
.index_new_list ul li a .index_newtitle{ color:#1d191a; font-size:20px; font-weight:bold; padding:20px 0px 10px;}
.index_new_list ul li a .index_newcon{color:#555555; font-size:16px; line-height:30px; position:relative}
.index_new_list ul li a:hover .index_newtitle{ color:#107dba;transition: all 0.6s ease 0s;}
.index_new_list ul li em{display:block;font-size:14px; color:#999999; position:absolute; right:0; bottom:0px;}


.index_conleft{ width:557px; float:left; line-height:30px; font-size:18px;}
.index_conright{ float:right; width:600px;}
/*合作伙伴*/
.index_friend{ background:url(../images/index_friend.jpg) no-repeat center top; background-size:100% 100%; height:480px;}
.index_friendmian ul li{ float:left; padding:8px 4px; }
.index_friendmian ul li a{ display:block;width:160px; height:81px; border:1px solid #999999}
.index_friendmian ul li a img{ display:block; width:160px; height:81px; }

.index_bot{ background:#333333}
.index_nav2{ line-height:35px; color:#fff;; border-bottom:1px solid #fff; padding:25px 0px;}
.index_nav2 a{ display:inline-block; padding:0px 28px; color:#fff; font-size:18px;}
.foot{ padding:15px 0px; color:#fff;}
.foot a{ color:#fff;}
/*首页完*/
.er_banner{ position:relative}
.er_banner img{ width:100%}
.er_title{  position:absolute; height:77px; top:150px; left:0; width:100%;}
.er_title span{ font-size:48px; color:#fff; font-weight:bold; text-align:center; display:block; line-height:77px; position:relative; z-index:5}
.er_title em{ font-size:48px; color:#eeeeee; opacity:0.2;text-align:center; font-weight:bold; display:block; position:absolute; width:100%; top:-58px; z-index:4}
.er_title samp{ height:5px; width:40px; background:#fff; position:absolute; left:50%; margin-left:-20px; bottom:-3px;}
.about_con{ padding:25px 0px 30px; color:#333333; line-height:36px; font-size:16px;}
.prolist_pro ul li{  float:left;}
.prolist_pro ul li img{ display:block; padding:6px; border:1px solid #f1f1f1}
.prolist_pro ul li samp{ line-height:47px; text-align:center; color:#333333; font-size:12px; display:block}
.pagenum{ line-height:40px; padding-bottom:30px;color:#666;}
.pagenum a{ color:#666;}
.pagenum a:hover{ color:#d9b976;}
#page{ text-align:center; line-height:30px;}
#page a{ padding:5px 10px;margin:30px 3px; border:1px solid #eeeeee;color:#333;}
#page a.select{ background:#107dba; color:#fff;}

.pagepagen{color:#000 !important; background:none !important}
.pagenow{color:#fff !important; background:#107dba !important}

/*案例展示*/
.index_casemian  a .indextem_pic{ position:relative}
.index_casemian  a .case_h{ position:absolute; background-color:rgba(16,125,186,0.9); width:100%; height:100%; left:0; top:0; display:none;transition: all 0.6s ease 0s;}
.index_casemian  a:hover .case_h{ display:block;transition: all 0.6s ease 0s;}
.index_casemian a .case_h img{ width:50px; height:50px; display:block; margin:0 auto; padding-top:100px;}
.index_casemian .indextemcon{ width:242px; margin:0 auto;  background-color:rgba(255,255,255,0.3);; padding:13px 19px; position:relative; z-index:2}
.index_casemian .indextemcon span{ display:block; font-size:16px; font-weight:bold; color:#fff;  line-height:30px; text-align:left}
.index_casemian .indextemcon samp{ font-size:14px; display:block; line-height:35px; color:#fff; height:40px; overflow:hidden;}
.index_casemian .indextemcon em{ height:1px; width:40px; background:#fff; display:block; margin-bottom:5px;}
.index_casemian .indextemcon p{ color:#ffffff; font-size:12px; line-height:25px;}
.case_jiao{ position:relative; width:120px; margin:30px auto 0px; height:30px;}
.index_casemianr,.index_casemianl{}
.index_casemiana{ left:32%;}
.case_jiao .swiper-pagination-bullet-active{ background:#cccccc !important; }
/*.case_jiao .swiper-button-next{ background:none}
.case_jiao .swiper-button-prev{ background:none}*/
.case_jiao .swiper-button-next::after ,.case_jiao .swiper-button-prev::after { font-size:0px !important;}
.index_casemianl{ left:0px !important; background:url(../images/index_navleft.png) no-repeat center top; width:30px; height:30px; font-size:0px;}
.index_casemianr{ right:0px !important; background:url(../images/index_navright.png) no-repeat center top;width:30px; height:30px;font-size:0px;}

#type{ text-align:center}
#type a{ display:inline-block; border-bottom:2px solid #fff;color:#333333; font-size:14px; height:43px; padding:7px 15px; margin:0px 32px; line-height:43px;}
#type a:hover{ border-bottom:2px solid #bf9e7f;}
#type a.prohover{ border-bottom:2px solid #bf9e7f;}
.new_list ul li{font-size:14px; border-bottom:1px solid #eeeeee; padding-bottom:32px; padding-top:34px;}
.new_list ul li a{ color:#423434; display:block; font-size:14px;}
.new_list ul li a .news_listitle{ color:#1d191a; font-size:24px; font-weight:bold;}
.new_list ul li .index_newcon{position:relative; color:#555555; font-size:16px; line-height:30px;}
.new_list ul li em{display:block;font-size:14px; color:#999999; position:absolute; right:0; bottom:0px;}
.new_list ul li a:hover .news_listitle{ color:#107dba}
.new_list ul li a .news_go{background:url(../images/newsgo.jpg) no-repeat center top; width:102px; height:42px;}
.new_list ul li a:hover .news_go{background:url(../images/newsgo_h.jpg) no-repeat center top;}

.new_title{ text-align:center; color:#107dba; font-size:24px; padding-top:25px; padding-bottom:35px;}
.new_intro{ font-size:18px; color:#999999; text-align:right; height:22px; line-height:22px; padding-bottom:12px; border-bottom:1px solid #dbdbdb;width:98%; margin:0 auto;}
.new_con{ color:#333333; line-height:30px; text-indent:24px; font-size:18px; padding-bottom:30px; padding-top:33px;}
.new_con img{ max-width:100%; display:inline-block}
.pro_det img{max-width:100%; display:inline-block}
.about_con img{max-width:100%; display:inline-block}
/*图文列表*/
.prolist_team ul li{ width:280px; float:left; padding:0px 10px; margin-bottom:20px;}
.prolist_team ul li  a .indextem_pic{ position:relative}
.prolist_team ul li  a .case_h{ position:absolute; background-color:rgba(16,125,186,0.9); width:100%; height:100%; left:0; top:0; display:none;transition: all 0.6s ease 0s;}
.prolist_team ul li a:hover .indextemcon span{ color:#107dba;}
.prolist_team ul li  a:hover .case_h{ display:block;transition: all 0.6s ease 0s;}
.prolist_team ul li a .case_h img{ width:50px; height:50px; display:block; margin:0 auto; padding-top:20%;}
.prolist_team ul li .indextemcon{ width:242px; margin:0 auto;  background-color:rgba(255,255,255,0.3);; padding:13px 19px; position:relative; z-index:2; border:1px solid #eeeeee;}
.prolist_team ul li .indextemcon span{ display:block; font-size:16px; font-weight:bold; color:#333333;  line-height:30px; text-align:left}
.prolist_team ul li .indextemcon samp{ font-size:14px; display:block; line-height:35px; color:#333333; height:40px; overflow:hidden;}
.prolist_team ul li .indextemcon em{ height:1px; width:40px; background:#333333; display:block; margin-bottom:5px;}
.prolist_team ul li .indextemcon p{ color:#333333; font-size:12px; line-height:25px;}
/*图文详情*/
.pro_det,.pro_det p{ color:#333; font-size:18px; line-height:36px;}
.det_title{ height:50px; line-height:50px; background:#d0d0d0; color:#333; font-size:18px; text-indent:20px;}
.pagenum{ padding:40px 0px;}
.pagenum a{ display:inline-block; width:45%; text-align:center; color:#999999; font-size:18px; border:1px solid #f7f7f7; border-radius:5px;transition: all 0.6s ease 0s;}
.pagenum a:hover{ color:#fff; background:#107dba; border:1px solid #107dba;transition: all 0.6s ease 0s;}
.botbg{ background:#f5f5f5;}
/*合作伙伴*/

.index_shili{display: none;}
.nav li{position: relative;}
.nav .two{position: absolute;height: auto;left:50%;min-width:120px;z-index: 1000;white-space: nowrap;transition: all 0.2s;top:100%;visibility:hidden;opacity: 0;transform: translateX(-50%);}
.nav .two dd a{font-size: 15px;color: #fff;display:block;}
.nav .two dd:hover a{font-weight: bold;}

.nav  .two dl{width:100%;background:#107dba;padding:9px 15px;position: relative;box-shadow: 0 0 20px rgba(0,0,0,0.1)}
.nav  .two dd{width:100%;text-align: center;padding:10px 0;line-height: 1.5;border-bottom: 1px solid rgba(255,255,255,0.1)}

.nav  .two dl dd:last-child{border:0;}
.nav  li:hover .two{visibility: visible;opacity:1;top:100%;}



.flex_{display: flex;display: -webkit-flex;display: -ms-flex;}
.flex_space-between{display: flex;justify-content:space-between;}
.flex_end{display: flex;justify-content:flex-end;}
.flex_justify-content{display: flex;justify-content:center;}
.flex_justify-content-around{display: flex;justify-content:space-around;}
.flex_align-items{display: flex;align-items:center;}
.flex_wrap{ flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.text_center{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.acenter{text-align: center;}
.flex_align_end{display: flex;align-items:flex-end;}

.prod_type{width: 1294px;margin: 0 auto;max-width: 1200px;padding-top: 120px}
.prod_type li{margin-bottom:50px;}
.prod_type li .prod_pic{width: 385px;text-align:center;}
.prod_type li .prod_pic img{max-width: 100%}
.prod_type li .info{width: calc(100% - 410px);color: #222;font-size: 20px;line-height: 36px;}

img{max-width: 100%}


.indexpro_list li .pic{height: 150px;display: flex;justify-content: center;align-items: center;flex-direction: column;background: #fff;border:0;padding: 0}
.indexpro_list li .pic img{max-height:100%;max-width: 100%}
.prod_type li .tit p{color: #333;font-size: 18px;text-align: center;line-height:1.3;font-weight: bold;}
.indexpro_list li:hover .pic{background: #fff}
/*.prod_type li .tit{padding: 15px 10px}*/

/*.prod_type li .prod_pic{background: #cccccc;}
.prod_type li:hover .prod_pic{background: #107dba;}*/

.prod_type li:hover .tit p{color: #107dba}

.prod_type li .tit{margin-top: 10px}